<template>
  <div class="bdButton">
    <el-button
      v-for="btn in handlerBtn"
      :key="btn.id"
      :icon="btn.icon"
      :type="btn.type ? btn.type : 'primary'"
      size="mini"
      @click="btn.handler && btn.handler($event, scope, btn)"
    >
    {{ btn.name }}
    </el-button>
  </div>
</template>

<script>
export default {
  name: 'bdButton',
  components: {},
  props: {
    handlerBtn: {
      type: Array,
      required: true
    },
    scope: {
      type: [Array, Object, String]
    }
  },
  data () {
    return {}
  },
  // 计算属性
  computed: {},
  watch: {},
  mounted () {
  },
  methods: {}
}
</script>

<style lang="scss" scoped>

</style>
